<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>分类页面</title>

    <link
      rel="stylesheet"
      href="//at.alicdn.com/t/font_1906880_rpx85mbn0g.css"
    />
    <link rel="stylesheet" href="./css/publice.css" />
    <link rel="stylesheet" href="./css/category.min.css" />
  </head>
  <body>
    <div class="main-content">
      <div class="crumbs">
        <a href="/" class="underline"> 首页</a> /
        <a href="/" class="underline"> 视频教程</a> / <span>分类</span>
      </div>
      <div class="cate-item">
        <div class="cell">
          <div class="left-text">分类 :</div>
          <ul class="r-list">
            <li class="underline active">
              <a href="javascript:;"> 全部</a>
            </li>
            <li class="underline">
              <a href="javascript:;"> listItem</a>
            </li>
          </ul>
        </div>
      </div>

      <div class="vip-text">
        购买XXX分类VIP，以下所有课程及分类新增课程免费看！欢迎立即开通
        <a class="btn">开通BIM土建VIP</a>
      </div>

      <div class="category-container">
        <div class="category-item">
          <h2 class="tltle">BIM应用理论</h2>
          <div class="desc">
            <span>适合对象：零基础</span>
            <span>教学目标：掌握BIM基本概念和思路</span>
            <div class="star">
              学习难度：
              <i class="iconfont icon-shoucang"></i>
            </div>
          </div>
          <div class="course-list">
            <a class="list-item click" href="javascript:;" title="课程名字">
              <div>
                <img
                  src="http://photo.tuituisoft.com/portal/20201118/5fb4d576a42b3.jpg"
                  alt="课程名字"
                />
              </div>
              <div class="c-name text-row-1">
                课程名字课程名字课程名字课程名字课程名字课程名字课程名字
              </div>
              <div class="time">
                <span> react </span>
                <span> 2021年5月16日 </span>
              </div>
            </a>
          </div>
        </div>

        <div class="category-item">
          <h2 class="tltle">BIM应用理论</h2>
          <div class="desc">
            <span>适合对象：零基础</span>
            <span>教学目标：掌握BIM基本概念和思路</span>
            <div class="star">
              学习难度：
              <i class="iconfont icon-shoucang"></i>
            </div>
          </div>
          <div class="course-list">
            <a class="list-item click" href="javascript:;" title="课程名字">
              <div>
                <img
                  src="http://photo.tuituisoft.com/portal/20201118/5fb4d576a42b3.jpg"
                  alt="课程名字"
                />
              </div>
              <div class="c-name text-row-1">
                课程名字课程名字课程名字课程名字课程名字课程名字课程名字
              </div>
              <div class="time">
                <span> react </span>
                <span> 2021年5月16日 </span>
              </div>
            </a>
          </div>
        </div>

        <div class="category-item">
          <h2 class="tltle">BIM应用理论</h2>
          <div class="desc">
            <span>适合对象：零基础</span>
            <span>教学目标：掌握BIM基本概念和思路</span>
            <div class="star">
              学习难度：
              <i class="iconfont icon-shoucang"></i>
            </div>
          </div>
          <div class="course-list">
            <a class="list-item click" href="javascript:;" title="课程名字">
              <div>
                <img
                  src="http://photo.tuituisoft.com/portal/20201118/5fb4d576a42b3.jpg"
                  alt="课程名字"
                />
              </div>
              <div class="c-name text-row-1">
                课程名字课程名字课程名字课程名字课程名字课程名字课程名字
              </div>
              <div class="time">
                <span> react </span>
                <span> 2021年5月16日 </span>
              </div>
            </a>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
